#set( $usertype = "Doctor" )
#parse( "header.html" )

<a href="#myModal" role="button" class="btn btn-primary" data-toggle="modal">Reservierung vornehmen</a>

<div id="_HEALTH_filter"></div>        

<table cellpadding="0" cellspacing="0" border="0"
       class="table table-striped table-bordered table-hover table-condensed"
       id="dataGrid">
    <caption>Reservierte OP Slots</caption>
    <thead>
    <tr>
        <th width="120px">Datum</th>
        <th width="60px">von</th>
        <th width="60px">bis</th>
        <th>Typ</th>
        <th>Hospital</th>
        <th>Patient</th>
        <th width="180px" align="center">Aktionen</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td colspan="6" class="dataTables_empty">Lade Daten...</td>
    </tr>
    </tbody>
</table>

<br/>

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3 id="myModalLabel">Reservierung vornehmen</h3>
    </div>
    <div class="modal-body">
        <div id="errorMessages"></div>
        <table border="0" width="100%">
            <tr>
                <td valign="top">Typ:</td>
                <td>
                    <div class="control-group">
                        <select id="typeSelect"></select>
                    </div>
                </td>
            </tr>
            <tr>
                <td valign="top">Patient:</td>
                <td>
                    <div class="control-group">
                        <input type="text" placeholder="SVNr des Patienten" id="socialSecurityNumberInput"/>
                        <br/><span id="patientNamePlaceholder"></span>
                    </div>
                </td>
            </tr>
            <tr>
                <td valign="top">Maximale Entfernung:</td>
                <td>
                    <div class="control-group">
                        <input type="text" value="30" id="maxDistance"/> km
                    </div>
                </td>
            </tr>
        </table>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" onclick="submitReservationForm();" id="submitButton" disabled>Reservierung t&auml;tigen</button>
    </div>
</div>

#parse( "footer.html" )